.c-gsdt-main
  border 1px solid #eee
  margin-bottom 40px
.bread-nav
  border none
.web-articles-wrapper
  .article-list
    font-size 0.9em
    padding-top 12px
    li
      font-size 1.2em
      line-height 3em
      padding 0 1% 0 0.5%
      border-bottom 1px solid #eee
      a
        display block
        overflow hidden
        position relative
        zoom 1
        .article-title
          font-family "微软雅黑"
          // display block
          line-height 60px
          color #333
          padding-left 3%
          padding-right 18%
          overflow hidden
          white-space nowrap
          text-overflow ellipsis
          text-align left
          position relative
          font-size 16px
          &:hover
            text-decoration underline
            cursor pointer
          &:after
            position absolute
            width 8px
            height 7px
            left 3px
            top 27px
            content ''
            background url('./img/libg.png') no-repeat left center
        .publish-date
          font-family "微软雅黑"
          // float right
          color #888
          position absolute
          right 0
          top 0
          font-size 16px
      .clearfix:before, .clearfix:after
        content ""
        display table
        clear both

// 显示更多
.c-view-more
  padding 2em 0 2em
  a
    padding 0.6em 0
    display block
    text-align center
    background #f3f3f3
    span
      color #333
      font-weight 400
    &:hover
      text-decoration none
      background-color rgba(206,210,218,0.6)

// 无数据的时候处理
.c-no-data
  width 140px
  height 106px
  margin 0 auto
  margin-top 10%
  background url('../../img/blank.png') no-repeat center center
  position relative
  p
    position absolute
    bottom -2.1em
    color #888
    font-size 1em
    left 50%
    margin-left -3em
    font-family "Microsoft YaHei"

@media (min-width: 1001px)
  .c-gsdt-main
    padding 0 36px
    min-height 30em

@media (max-width: 1000px) and (min-width: 601px)
  .c-gsdt-main
    min-height 28em
  .web-articles-wrapper
    .article-list
      padding 0% 8% 0%
@media (max-width: 600px) and (min-width: 320px)
  .c-gsdt-main
    min-height 22em
  .web-articles-wrapper
    .article-list
      padding 5% 5% 5%
      li
        a
          .article-title
            width 90%
            padding 0 6%
            overflow hidden
            white-space nowrap
            text-overflow ellipsis
            font-size 14px
          .publish-date  
            // float left
            position relative
            top .3em
            font-size 12px